<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>vue.js</title>
	<link rel="stylesheet" type="text/css" href="style.css">
	<script src="https://cdn.jsdelivr.net/npm/vue"></script>
</head> 
<body>

<div id="vue-app">
	<h1>双向数据绑定 input/ select/ textarea</h1>
	<label>姓名</label>
	<input ref="name" type="text" v-on:keyup="logName">
	<span>{{name}}</span>
	<label>年龄</label>
	<input ref="age" type="text" v-on:keyup="logAge">
	<span>{{age}}</span>
	<label>性别</label>
	<input type="text" v-model="sex">
	<span>{{sex}}</span>
</div>
<script  src="app.js"></script>
</body>
</html>